<template>
  <div class="c-infos">
    <BuddyList></BuddyList>
    <div class="c-infos__info">
      <router-view :key="route.params?.id"></router-view>
    </div>
  </div>
</template>

<script setup>
import BuddyList from '@/layout/BuddyList/Index.vue';
import { useRoute } from 'vue-router';

const route = useRoute();

</script>

<style lang="scss" scoped>
.c-infos {
  display: flex;
  width: 100%;


  &__info {
    box-shadow: -1px 0px 1px 0px $shadow-border;
    width: 100%;
    background-color: $theme-color;
  }
}
</style>